<%--
  Created by IntelliJ IDEA.
  User: Churcy
  Date: 2017/1/6
  Time: 12:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<%
	String path = request.getContextPath();
	Object appKey = request.getAttribute("appKey");
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path;
%>
<script>
	//全局变量在js中使用
	var PROJECT_CTX = '${ctx }';
	//var LICENSE_STATUS = '';
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>录入列表</title>

<!-- Bootstrap -->
<link href="<%=basePath%>/vendors/bootstrap/dist/css/bootstrap.min.css"
	rel="stylesheet">
<!-- Font Awesome -->
<link href="<%=basePath%>/vendors/font-awesome/css/font-awesome.min.css"
	rel="stylesheet">
<!-- NProgress -->
<link href="<%=basePath%>/vendors/nprogress/nprogress.css"
	rel="stylesheet">
<!-- iCheck -->
<link href="<%=basePath%>/vendors/iCheck/skins/flat/green.css"
	rel="stylesheet">
<!-- bootstrap-progressbar -->
<link
	href="<%=basePath%>/vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css"
	rel="stylesheet">
<!-- JQVMap -->
<link href="<%=basePath%>/vendors/jqvmap/dist/jqvmap.min.css"
	rel="stylesheet" />
<!-- bootstrap-daterangepicker -->
<link
	href="<%=basePath%>/vendors/bootstrap-daterangepicker/daterangepicker.css"
	rel="stylesheet">

<!-- Custom Theme Style -->
<link href="<%=basePath%>/build/css/custom.min.css" rel="stylesheet">

<script src="<%=basePath%>/dist/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="<%=basePath%>/dist/sweetalert.css">

</head>
<body class="nav-md">
	<div class="container body">
		<input id="APP_KEY" value='${appKey}' style="display: none" />
		<div class="main_container">
			<div class="col-md-3 left_col">
				<jsp:include page="../common/menu.jsp"></jsp:include>
			</div>

			<!-- top navigation -->
			<div class="top_nav">
				<jsp:include page="../common/header.jsp"></jsp:include>
			</div>
			<!-- /top navigation -->

			<!-- page content -->
			<div class="right_col" role="main">
				<!-- top tiles -->
				<!-- page title-->
				<form id="searchForm">
					<div class="page-title">
						<div>
							<h3>
								<%--${module.name}--%>
								<small>您可以在下列输入框中输入您的筛选条件!</small>
							</h3>
						</div>

						<div>
							<div style="float: left">
								<input id="vehNo" type="text" class="form-control"
									placeholder="车牌号">
							</div>
							<div style="float: left">
								<input id="deviceId" type="text" class="form-control"
									placeholder="设备号">
							</div>
							<div style="float: left">
								<input id="telephone" type="text" class="form-control"
									placeholder="手机号">
							</div>
								<!-- <div style="float: left">
									<select name="note" class="form-control " >
										<option value="">请选择</option>
										<option value="1">换机具</option>
										<option value="2">换卡</option>
										<option value="3">其他</option>
									</select>
								</div> -->
							<div style="float: left">
								<button id="resetBTN" class="btn btn-default" type="button">重置</button>
							</div>
							<div style="float: left">
								<button id="searchBTN" class="btn btn-default" type="button">查询</button>
							</div>
						</div>
					</div>
				</form>

				<div class="clearfix"></div>
				<div class="row">

					<div class="col-md-12 col-sm-12 col-xs-12">
						<div class="x_panel">
							<div class="x_title">
								<h2>
									录入APP <small>录入列表</small>
								</h2>
								<div class="clearfix"></div>
							</div>
							<div class="x_content">
								<p class="text-muted font-13 m-b-30">展示常用</p>

								<table id="datatable-responsive"
									class="table table-striped table-bordered dt-responsive nowrap"
									cellspacing="0" width="100%">
									<thead>
										<tr>
											<th>车牌号</th>
											<th>自编号</th>
											<th>安装地址</th>
											<th>安装时间</th>
											<th>机具编号</th>
											<th>备注类型</th>
											<th>备注内容</th>
											<th>手机号码</th>
											
											<th>操作</th>

										</tr>
									</thead>
									<tbody id="innerList">

										<c:forEach var="item" items="${result.line}">
											<tr>
												<td>${item.vehNo }</td>
												<td>${item.vehCode }</td>
												<td>${item.address }</td>
												<td>${item.createTime }</td>
												<td>${item.deviceId}</td>
												<td>${item.note}</td>
												<td>${item.noteDetails}</td>
												<td>${item.telephone}</td>
												<td><a class="table-link primary" title="修改"
													href="<%=basePath%>/traffic/app/inner/info?id=${item.id}&appKey=${appKey}">修改</a>
									
												</td>
											</tr>
										</c:forEach>

									</tbody>
								</table>

								<jsp:include page="../common/page.jsp" />

							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- /page content -->

			<!-- footer content -->
			<footer>
				<jsp:include page="../common/footer.jsp"></jsp:include>
			</footer>
			<!-- /footer content -->
		</div>
	</div>

	<!--分页-->
	<script src="<%=basePath%>/js/app/appInner.js"></script>

	<!-- jQuery -->

	<!-- Bootstrap -->
	<script src="<%=basePath%>/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
	<!-- FastClick -->
	<script src="<%=basePath%>/vendors/fastclick/lib/fastclick.js"></script>
	<!-- NProgress -->
	<script src="<%=basePath%>/vendors/nprogress/nprogress.js"></script>
	<!-- iCheck -->
	<script src="<%=basePath%>/vendors/iCheck/icheck.min.js"></script>
	<!-- Custom Theme Scripts -->
	<script src="<%=basePath%>/build/js/custom.min.js"></script>

</body>
</html>

